@charset "utf-8";
@import "init";
@import "common";
main {
    position: absolute;
    left: 0;
    top: r(89);
    bottom: r(107);
    width: 100%;
    overflow-y: auto;
    .main_box {
        .main_box_top {
            .top_img {
                position: relative;
                img {
                    width: 100%;
                }
                .img_bottom {
                    width: 100%;
                    height: r(105);
                    background-color: rgba(0, 0, 0, 0.5);
                    position: absolute;
                    bottom: r(4);
                    left: 0;
                    .img_bottom_text {
                        text-align: center;
                        margin-top: r(24);
                        .dot {
                            display: inline-block;
                            width: r(10);
                            height: r(10);
                            background-color: #cebeb1;
                            border-radius: r(5);
                            margin-left: r(12);
                        }
                        .dot:hover {
                            background-color: $bg_color;
                        }
                        .dot:nth-of-type(5) {
                            margin-right: r(65);
                        }
                        .dot:nth-of-type(2) {
                            background-color: $bg_color;
                        }
                        p {
                            font-size: r(26);
                            font-family: "微软雅黑";
                            color: white;
                            line-height: r(26);
                        }
                        .text_box {
                            display: inline-block;
                            span {
                                font-size: r(17);
                                color: white;
                                margin-right: r(22);
                            }
                            i {
                                font-size: r(17);
                                color: white;
                                &:first-child {
                                    margin-left: r(22);
                                }
                            }
                        }
                        span {
                            font-size: r(17);
                            color: white;
                        }
                    }
                }
            }
        }
        .main_box_middle {
            .middle_content {
                &:nth-of-type(2){
                    border: none;
                }
                &:nth-of-type(6){
                    border: none;
                }
                display: flex;
                justify-content: center;
                margin-top: r(30);
                border-bottom: 1px solid #e2e2e2;
                padding-bottom: r(20);
                .content_text {
                    width: r(355);
                    margin-right: r(20);
                    p {
                        font-size: r(25);
                        font-family: "微软雅黑";
                        color: $text_color;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                    .text_bottom {
                        margin-top: r(18);
                        display: flex;
                        justify-content: space-between;
                        i {
                            font-size: r(18);
                            color: $sub_color;
                            margin-top: r(5);
                        }
                        span {
                            font-size: r(18);
                            font-family: "微软雅黑";
                            color: $sub_color;
                            transform: scale(0.8);
                        }
                        .sp1 {
                            font-size: r(20);
                            padding-left: r(26);
                        }
                        .sp2 {
                            font-size: r(25);
                        }
                        .sp3 {
                            
                            font-size: r(15);
                            
                        }
                    }
                    .text_bottom2 {
                        margin-top: r(18);
                        display: flex;
                        justify-content: space-between;
                        i {
                            font-size: r(18);
                            color: $sub_color;
                            margin-top: r(5);
                        }
                        span {
                            font-size: r(18);
                            font-family: "微软雅黑";
                            color: $sub_color;
                        }
                        .sp2 {
                            font-size: r(25);
                        }
                        .sp3 {
                            font-size: r(15);
                        }
                    }
                }
                .content_img {
                    width: r(209);
                    height: r(116);
                    overflow: hidden;
                    img {
                        width: 100%;
                    }
                }
            }
            .line {
                margin-top: r(25);
                width: 100%;
                height: r(25);
                background-color: #e2e2e2;
            }
            .middle_news {
                margin-top: r(41);
                p {
                    margin-left: r(20);
                    font-size: r(25);
                    font-family: "微软雅黑";
                    color: $text_color;
                }
                .news_img {
                    display: flex;
                    justify-content: space-around;
                    margin-top: r(20);
                    img {
                        width: r(187);
                        height: r(123);
                    }
                }
                .news_bottom {
                    margin-left: r(20);
                    margin-top: r(24);
                    .img_tx {
                        display: inline-block;
                        margin-right: r(15);
                        img {
                            display: inline-block;
                            vertical-align: middle;
                        }
                        span {
                            font-size: r(20);
                            font-family: "微软雅黑";
                            color: $sub_color;
                            vertical-align: middle;
                        }
                    }
                    .text1 {
                        display: inline-block;
                        i {
                            font-size: r(16);
                            color: $sub_color;
                        }
                        span {
                            font-size: r(16);
                            font-family: "微软雅黑";
                            color: $sub_color;
                        }
                    }
                    .text2 {
                        margin-right: r(50);
                        display: inline-block;
                        i {
                            font-size: r(20);
                            color: $sub_color;
                        }
                        span {
                            font-size: r(16);
                            font-family: "微软雅黑";
                            color: $sub_color;
                        }
                    }
                    .text3 {
                        display: inline-block;
                        span {
                            font-size: r(20);
                            font-family: "微软雅黑";
                            color: $sub_color;
                        }
                        span:last-child {
                            font-size: r(25);
                            font-family: "微软雅黑";
                            color: $sub_color;
                        }
                    }
                }
            }
        }
        .main_footer {
            margin: r(20) 0;
            display: flex;
            justify-content: center;
            a {
                display: inline-block;
                font-size: r(22);
                font-family: "微软雅黑";
                color: $sub_color;
                &:hover {
                    color: $bg_color;
                }
            }
        }
    }
}